<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>房源推荐</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/source.css" />
	</head>

	<body>
		<!--顶部-->
		<header class="share">
			<a href="javascript:history.go(-1)" class="iconfont icon-arrow-left"></a>
			<h1>房源推荐</h1>
			<div class="o-btn">
				<span>编辑</span>
				<span>分享</span>
			</div>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2 pb4">
			<div class="source-box">
				<h1>三亚湾3房豪华海景推荐</h1>
				<div class="block4"></div>
				<div class="type row">
					<span>3房2厅2卫</span>
					<span>110㎡</span>
					<span>公寓</span>
					<span>70年住宅</span>
				</div>
				<div class="block4"></div>
				<div class="intro">
					<div class="intro-title common-title">
						<span>楼盘介绍</span>
					</div>
					<p>北纬18℃以上，雅居乐清水湾携手摩根士丹利斥资300亿，精耕6载打造1.5万亩滨海度假王国，如今沿海16公里</p>
				</div>
				<div class="pic-box">
					<div class="common-title">
						<span>项目图片</span>
					</div>
					<div class="column">
						<img src="../../img/gugu.jpg"/>
						<p>楼盘图</p>
					</div>
					<div class="column">
						<img src="../../img/gugu.jpg"/>
						<p>户型图</p>
					</div>
				</div>
				<div class="param">
					<div class="common-title">
						<span>楼盘参数</span>
					</div>
					<ul>
						<li class="row">
							<label>开发商</label>
							<p>海南美豪利投资有限公司</p>
						</li>
						<li class="row">
							<label>产权</label>
							<p>70年</p>
						</li>
						<li class="row">
							<label>装修</label>
							<p>精装修</p>
						</li>
						<li class="row">
							<label>交房时间</label>
							<p>2017年2月</p>
						</li>
					</ul>
				</div>
				<div class="map">
					<div id="allmap"></div>
					<div class="row">
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-yinhangqia"></i>
							<span>银行</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-gongjiao"></i>
							<span>公交</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-jiaoyu"></i>
							<span>教育</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-yiyuan"></i>
							<span>医院</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-xiuxian"></i>
							<span>休闲</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-gouwu"></i>
							<span>购物</span>
						</div>
						<div class="place column" onclick="getplace(this)">
							<i class="iconfont icon-jianshen"></i>
							<span>健身</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="contact row">
			<div class="name row">
				<img src="../../img/tx.png"/>
				<span>张霞</span>
			</div>
			<a href="tel:0898" class="tel row">
				<i class="iconfont icon-dianhua"></i>
				<span>联系</span>
			</a>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<!--地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0WNnyn5gEIws9ingWyjiOCGS"></script>
		<script type="text/javascript">
			// 百度地图API功能
			var map = new BMap.Map("allmap");          
			map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
			var local = new BMap.LocalSearch(map, {
				renderOptions:{map: map}
			});
			function getplace(e){
				var txt = $(e).find('span').html();
				$('.map .row .column').removeClass('on');
				$(e).addClass('on');
				local.search(txt);
			}
		</script>
	</body>

</html>